<%@ page import="com.y4oung.model.User" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contacts</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<!--login-->
<link rel="stylesheet" type="text/css" href="../css/login/ui2.css?2013032917">
<!-- login popup-->
<link rel="stylesheet" href="../css/login/bootstrap1.css">
  <link rel="stylesheet" href="../layui/css/layui.css">
<!--search css-->
<link rel="stylesheet" type="text/css" href="../css/search/normalize.css" />
<link rel="stylesheet" href="../css/search/font-awesome.min.css">
<link rel="stylesheet" href="../css/search/style3.css">

<link rel="icon" href="../images/favicon.ico">
<link rel="shortcut icon" href="../images/favicon.ico" />
<link rel="stylesheet" href="../css/form.css">
<link rel="stylesheet" href="../css/stuck.css">
<link rel="stylesheet" href="../css/style.css">


<script src="../js/jquery.js"></script>
<script src="../js/jquery-migrate-1.1.1.js"></script>
<script src="../js/script.js"></script> 
<script src="../js/superfish.js"></script>
<script src="../js/jquery.equalheights.js"></script>
<script src="../js/jquery.mobilemenu.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../js/tmStickUp.js"></script>
<script src="../js/jquery.ui.totop.js"></script>
<script src="../js/TMForm.js"></script>
<script src="../js/modal.js"></script>

<!--login-->
<script src="../js/login/loginView.js"></script> 

<script>
 $(document).ready(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });
  $('#stuck_container').tmStickUp({});
  }); 
</script>

</head>

<body>
<div  id="stuck_container" class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo"><a href="/j2ee/user/home" style="color: #009688;">Yummy</a></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="/j2ee/user/showGallery.do">Gallery</a></li>
      <li class="layui-nav-item"><a href="">Reservation</a></li>
      <li class="layui-nav-item"><a href="/j2ee/user/showContact.do">Contacts</a></li>
      <%--<li class="layui-nav-item">--%>
      <%--<a href="javascript:;">其它</a>--%>
      <%--<dl class="layui-nav-child">--%>
      <%--<dd><a href="">邮件管理</a></dd>--%>
      <%--<dd><a href="">消息管理</a></dd>--%>
      <%--<dd><a href="">授权管理</a></dd>--%>
      <%--</dl>--%>

      <%--</li>--%>

      <li class="layui-nav-item" style="margin-left: 20px"><input placeholder="搜索餐厅、菜名等" value="" class="layui-input" type="text" style="height: 30px;padding-left: 12px;background-color: #424652;background-color: rgba(255,255,255,.05);border: none 0;color: #fff;font-size: 12px"></li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <%if(request.getSession().getAttribute("user")==null){ %>
      <li class="layui-nav-item"><a href="/j2ee/user/toLogin.do">Log in</a></li>
      <%}else{ %>
      <li class="layui-nav-item">
        <% User u = (User)request.getSession().getAttribute("user"); %>
        <a href="javascript:;">
          <img src="<%=u.getIcon() %>" class="layui-nav-img">
          <%out.print(u.getName()); %>
        </a>
        <dl class="layui-nav-child">
          <dd><a href="/j2ee/user/showUser.do">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="/j2ee/user/logout.do">Logout</a></li>
      <%} %>
    </ul>
  </div>
</div>
<!--==============================
              header
=================================-->
<header>
<!--==============================
            Stuck menu
=================================-->
<section>
  <div class="container">
    <div class="row">
      <div class="grid_12">
      <h1>
        <a href="index.html">
          <img style="margin-bottom:15px;"src="../images/logo1.png" alt="Logo alt">
        </a>
      </h1>  
        <div style="margin-top:-5px;" class="navigation">
          <nav>
              <div style="margin-left: 13px;"class="search d1">
                  <form>
                    <input type="text" placeholder="Search……">
                    <button type="submit"></button>
                  </form>
                  </div>
            <ul style="margin-left: 90px;margin-bottom:40px;" class="sf-menu">           
             <li class="current"><a href="/j2ee/user/home">Home</a></li>
               <li><a href="/j2ee/user/showGallery.do">Gallery</a></li>
               <li><a href="#">Reservation</a></li>
               <li><a href="/j2ee/user/showContact.do">Contacts</a></li>
			    <%if(request.getSession().getAttribute("user")==null){ %>
			   <li><a data-category="UserAccount" data-toggle="modal" href="#login-modal">Log in | Sign up</a></li>
			   <%}else{ %>
			   <li><a href="/j2ee/user/showUser.do">myinfo</a></li>
			   <%} %>
           </ul>
          </nav>        
          <div class="clear"></div>
        </div>
      </div>
    </div>
  </div>
</section> 
</header>        
<!--login & signup-->
<div style="height:580px;" class="modal in" id="login-modal"> <a class="close" data-dismiss="modal">×</a>
	<h1><p1 style="margin-right: 20px;">SIGN IN</p1></h1>
	<ul style="margin-right:-10px;" class="login-bind-tp">
		<li class="qweibo"> <a href="http://www.xwcms.net"><em>&nbsp;</em> QQ</a> </li>
		<li class="sina"> <a href="http://www.xwcms.net"><em>&nbsp;</em> Weibo</a> </li>
		<li class="douban"> <a href="http://www.xwcms.net"><em>&nbsp;</em> WeChat</a> </li>
	</ul>
	<p style="font-size:15px;margin-bottom:10px;">or sign in with your email</p>
	<form1 class="login-form clearfix" method="post">
		<div class="form-arrow"></div>
		<input style="margin-left:-1px;width:258px;" name="Phone" type="text" placeholder="Phone：">
		<input style="margin-left:-1px;width:258px;" name="Password" type="password" placeholder="Password：">
		<input style="margin-left:-1px;width:160px;" name="Verification" type="text" placeholder="Verification：" style="width:170px;"><input style="font-size:15px;width:85px;height:40px;margin-left:172px;margin-top:-61px;" type="button" name="type" class="button-grey login" value="Send">
		<input style="font-size:15px;margin-bottom:5px;margin-left:-1px;width:258px;" type="button" name="type" class="button-blue login" value="SIGN IN" data-category="UserAccount" data-action="login" onclick="signin()">
		<a style="color:rgb(110, 110, 110);font-size:13px;;" data-category="UserAccount" data-action="login" data-toggle="modal" onclick="show()">Not Member?</a>
		<a class="forgot" data-category="UserAccount" data-action="login" data-toggle="modal" onclick="show2()">Forget Password?</a>
	</form1>
</div>

<div style="height:430px;" class="modal in" id="signup-modal"> <a class="close" data-dismiss="modal" onclick="hide()">×</a>
<h1>SIGN UP</h1>
<form1 class="signup-form clearfix" method="post" action="http://www.xwcms.net">
<p class="error"></p>
<input style="margin-left:10px;margin-top:-15px;" name="Phone" type="text" placeholder="Phone：">
<input style="margin-left:10px;" name="password" type="password" placeholder="Password：">
<input style="margin-left:10px;"name="password1" type="password" placeholder="Repeat Password：">
<input name="Verification" type="text" placeholder="Verification：" style="width:150px;;margin-left:10px;"><input style="font-size:15px;width:85px;height:40px;margin-left:170px;margin-top:-61px;" type="button" name="type" class="button-grey login" value="Send">
<input style="font-size:15px; margin-bottom:7px;margin-left:10px;" type="button" name="type" class="button-blue reg" value="SIGN UP" data-category="UserAccount" data-action="regist" onclick="signup()">
<a style="margin-left:80px;font-size:13px;" data-category="UserAccount" data-action="login" data-toggle="modal" onclick="show3()">Already Member?</a>
</form1>
</div>

<div style="height:280px;" class="modal in" id="forgetform"> <a class="close" data-dismiss="modal" onclick="hide()">×</a>
<h1>FIND PASSWORD</h1>
<form1 class="forgot-form" method="post" action="http://www.xwcms.net">
<input style="margin-left:10px;"name="Phone" type="text" placeholder="Phone：">
<input name="Verification" type="text" placeholder="Verification：" style="width:150px;;margin-left:10px;"><input style="font-size:15px;width:85px;height:40px;margin-left:170px;margin-top:-61px;" type="button" name="type" class="button-grey login" value="Send">	
<div class="clearfix"></div>
<input style="margin-left:10px;"type="submit" name="type" class="forgot button-blue" value="SUBMIT" onclick="show4()">
</form1>
</div>

<div style="height:280px;" class="modal in" id="resetpwdform"> <a class="close" data-dismiss="modal" onclick="hide()">×</a>
<h1>RESET PASSWORD</h1>
<form1 class="forgot-form" method="post" action="http://www.xwcms.net">
<input style="margin-left:10px;" name="password" type="password" placeholder="Password：">
<input style="margin-left:10px;"name="password1" type="password" placeholder="Repeat Password：">
<div class="clearfix"></div>
<input style="margin-left:10px;"type="submit" name="type" class="forgot button-blue" value="SUBMIT" >
</form1>
</div>

<!--=====================
          Content
======================-->
<section class="content ctn__1"><div class="ic">More Website Templates @ TemplateMonster.com - July 30, 2014!</div>
  <div class="container">
    <div class="row">
      <div class="grid_12">
        <h2>Find Us</h2>
        <div class="map1">
          <div class="row">
            <div class="grid_9">
              <figure class="">
                <iframe src="../img/timg.jpg" style="border:0"></iframe>
              </figure>
            </div>
            <div class="grid_3">
              <div class="map1_block">
                <div class="map1_title">Address:</div>
                BeiJing, XiZhiMen <br> BeiJing JIAOTONG UNIVERSITY.
              </div>
              <div class="map1_block">
                <div class="map1_title">Phones:</div>
                +1 800 559 6580 <br>+1 800 603 6035
              </div>
              <div class="map1_block">
                <div class="map1_title">Email:</div>
                <a href="#">mail@demolink.org</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="grid_8">
        <p>24/7 support is on for all <span class="color1 fw"><a href="#/" rel="nofollow">premium themes</a></span>. <br>
          Guys from <span class="color1 fw"><a href="http://www.templatetuning.com/" rel="nofollow">Template Tuning</a></span> are always ready to help you with customization of the chosen theme.</p>
        Kas facilisis, nulla vel viverra auctor, leo magna sodales felis, quis malesuada nibh odio ut velitoin pharetra luctus diama scelerisque eros convallis accumsan. 
      </div>
    </div>
  </div>
</section>

<div class="form_block">
  <div class="container">
    <div class="row">
      <div class="grid_11">
        <h2>Contact Form</h2>
        <form style="margin-left:-5px;" id="form" >
        <div class="form_spinner">
        <img src="images/Preloader_4.gif" alt="">
        </div>
        <div class="modal fade response-message">
        <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">
        asfasfasf
        </div>      
        </div>
        </div>
        </div>
        <div  class="response-error-message"></div>
        <label class="name">
        <input id="Name" style="float:left; width: 320px;" type="text" name="name" placeholder="Name:" value="" data-constraints="@Required @JustLetters" />
        <span class="empty-message">*This field is required.</span>
        <span class="error-message">*This is not a valid name.</span>
        </label>         
        <label class="email">
        <input id="Phone" style="float:left; margin-left:50px;width: 450px;" type="text" name="Phone" placeholder="Phone number:" value="" data-constraints="@Required @Emai" />
        <span class="empty-message">*This field is required.</span>
        <span class="error-message">*This is not a valid phone number.</span>
        </label>
        <label class="message">
        <textarea id="Message" name="message" placeholder="Message:" data-constraints='@Required @Length(min=20,max=999999)'></textarea>
        <span class="empty-message">*This field is required.</span>
        <span class="error-message">*The message is too short.</span>
        </label>
        <div class="clear"></div>	
        <input style="font-size:15px;margin-top:10px;width:150px;margin-left:650px;" type="button" name="type" class="button-blue login" value="SUBMIT" data-category="UserAccount" onclick="mail()">		
        </div>
        </form>   
      </div>
    </div>
  </div>
</div>
<!--==============================
              footer
=================================-->
<footer id="footer" style="height:150px; background: #aaaaaa;">
    <div class="container" >
      <div class="row" >
        <div style="margin-bottom:100dx;" class="grid_12" style="margin-top:50px">  
          <div class="socials">
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-google-plus"></a>
            <a href="#" class="fa fa-pinterest"></a>
          </div>
          <div class="copyright"><span class="brand">Yummy </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="Yummy">Yummy</a> - Collect from <a href="http://www.cssmoban.com/" title="Yummy" target="_blank">Yummy</a></div>
          </div>
        </div>
      </div>
    </div> 
  </footer> 

<script>
    function mail(){
      var Name;
      var Phone;
      var Message;
      Name=document.getElementById('Name').value;      
      Phone=document.getElementById('Phone').value;      
      Message=document.getElementById('Message').value;
      parent.location.href='mailto:'+'15301102@bjtu.edu.cn'+'?subject='+'The review from '+Name+'（Phone number：'+Phone+'）'+'&body='+Message+'';
    }
</script>
<script type="text/javascript" src="../layui/layui.js"></script>
<script>

    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>
</body>
</html>